<div class="video-list">
  <!--<ul>
    <li class="video" *ngFor="let item of videos">
      <img [src]="'./assets/images/display/' + item.imgSrc" alt="">
    </li>
  </ul>-->
  <div class="arr-button">
    <img *ngIf="visible==false" src="./assets/images/display/array-up.png" class="up" style="" (click)="open()">
    <img *ngIf="visible==true" src="./assets/images/display/array-down.png" class="down" (click)="close()">
  </div>
  <div [ngClass]="{'slide-up':visible && count>0, 'slide-down':!visible && count>0 }" class="swiper-wrap">
    <swiper  class="swiper-container" [config]="config">
      <div *ngFor="let slide of videos;let i = index" class="swiper-slide">
        <div class="img-wrap">
          <img  (click)="showModal(slide.id, tplContent)" [src]="'./assets/images/display/' + slide.imgSrc" alt="" style="width: 100%">
        </div>
      </div>
    </swiper>
  </div>




<!--  <nz-modal nzClassName="video-modal" nzWidth="1100" [(nzVisible)]="isVisible" nzTitle="视频播放" (nzOnCancel)="handleCancel()" (nzOnOk)="handleOk()">

  </nz-modal>-->
  <ng-template #tplContent let-params let-ref="modalRef">
    <app-dialog-video [data]="videoData"></app-dialog-video>
  </ng-template>
</div>

